.wrapper{
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-height: 100%;
}

.menu {
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    margin: 0px -2px 0px -2px;
}

.menu div{
    font-weight: normal;
    color: #36648B;
}

.content {
    position: relative;
    float: left;
    padding-bottom: 30px; /* is equal height of footer  */
    width: 100%;
    background-color: #fff;
}

.content #center{
    padding: 0px;
    margin: 20px;
}

.footer{
    bottom: 0px;
    position: absolute;
    float: left;
    width: 100%;
    height: 30px;
    margin: 0px -2px 0px -2px;
    text-align: center;
}

.footer div h5{
    margin: 7px;
}

.barra-layout{
    width: 100%; 
    height: 5px; 
    background-color: #36648B;
}